<script src="http://cdn.bootcss.com/vue/2.1.8/vue.js"></script>
<body>
<div class="app">
    <input type="text" v-model="name">
    <ul>
        <li v-for="user in newUsers" >
            {{ user.name }}
        </li>
    </ul>
</div>
<script>
    new Vue({
        el: '.app',
        data: {
            name: '',
            users: [
                { name: 'Bruce' },
                { name: 'Chuck' },
                { name: 'Jackie' },
                { name: '赵' }
            ]
        },
        computed: {
            newUsers: function () {
                var that = this;
                return that.users.filter(function (user) {
                    return user.name.toLowerCase().indexOf(that.name.toLowerCase()) !== -1;
                })
            }

        }
    })
</script>
</body>